<template>
    <div class="title">
        <h3>{{msg.title}}</h3>
        <p>
            <span>发表时间:{{msg.add_time|daterFormat}}</span>
            <span>点击: {{msg.click}}次</span>
        </p>


        <hr>
        <div class="content" v-html="msg.content"></div>
    </div>
</template>


<script>
export default {
    data(){
        return {
            id:this.$route.params.id,
            msg:{},
        }
    },
    created(){
        this.getphotoInfo()
    },
    methods:{
        getphotoInfo(){
            this.$http.get("api/getimageInfo/"+this.id).then(result=>{
                if(result.body.status===0){
                    this.msg = result.body.message[0]
                    console.log(this.msg)
                }
            })
        }
    }
}
</script>

<style lang="">
.title h3{
    font-size:16px;
    color:#226aFF
}
.title p{
    display:flex;
    justify-content:space-between;
}
.content{
    font-size:14px;
    line-height:30px;
}
</style>